<template>
	<view class="page">
		<swiper :indicator-dots="true" :autoplay="true" :interval="6000" :duration="500" circular="true">
			<swiper-item v-for="(ad, index) in myImagesList" :key="ad.ID" :id="ad.id">
				<view><image :src="$getImgUrl(ad.imgpath)" mode="aspectFill" class="swiperad-item-img"></image></view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name:"AdImagesSwiper",
		data() {
			return {
				myImagesList:[],
			};
		},
		props: {
			adImagesList: {
				type: Array,
				default() {
					return [];
				}
			}
		},
		watch: {
			adImagesList: function(newVal, oldVal) {
				this.myImagesList = newVal;
				console.log(this.myImagesList)
			}
		}
	}
</script>

<style scoped>
@import url("AdImagesSwiper.css");
</style>

